<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Countries of the World</title>
		<script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
		<script src="scripts/scripts.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	</head>	
	<body onload="javascript:visitTopic4()">
		<nav>
			<a href="topic-1.html" class="menu-link">Czech Republic</a>
			<a href="topic-2.html" class="menu-link">Luxembourg</a>
			<a href="topic-3.html" class="menu-link">Niger</a>
			<a href="topic-4.html" class="menu-link">United Arab Emirates</a>
			<a href="assessment.html" class="menu-link" id="quiz-link">Quiz</a>
		</nav>
		
		<section>
			<header>
				<h1>United Arab Emirates</h1>
			</header>
			<hr/>
			<div id="main-content">
				<div class="column">
				<figure>
					<h2>United Arab Emirates Flag</h2>
					<img src="graphics/uae.svg" width="300" height="200" alt="UAE" title="United Arab Emirates" />
				</figure>
				</div>
				<div class="column">
					<article>
						<h2>Facts about The United Arab Emirates</h2>
						<p>
						The United Arab Emirates, UAE, is a country located in Western Asia, or the Middle East, above the countries of Saudi Arabia and Oman.
						The region of the UAE once belonged to the British Empire but gained its independence in 1971. 
						The present day capital, Abu Dhabi, is located in the Northern part of the country along the Persian Gulf.
						The climate consists mostly of hot summers and warm winters with very little rainfall throughout the year.
						</p>
					</article>
				</div>
				<div class="column">
					<figure>
						<h2>Abu Dhabi Skyline</h2>
						<img src="images/uae.jpg" width="300" height="200" alt="UAE" title="Abu Dhabi, United Arab Emirates" />
					</figure>		
				</div>
			</div>
		</section>
		
		<footer>
			<hr/>
			<cite>
			References: <br/>
			The images were retrieved from <a href="http://creativecommons.org/" class="cite-link">Creative Commons</a>. <br/>
			The information was retrieved from <a href="http://www.state.gov/" class="cite-link">U.S. Department of State</a> 
			and <a href="http://www.wikipedia.org/" class="cite-link">Wikipedia</a>. <br/>
			</cite>
			<p id="browser">Made to be viewed with Firefox 15.0.0 or higher and a screen resolution of 1024 x 768.</p><br/>
		</footer>
	</body>
</html>